<template>
    <Heads>
    </Heads>
    <ChatList>
    </ChatList>
</template>
<script>
import Heads from "./components/Heads.vue";
import ChatList from "./components/ChatList.vue";
export default {
    components: {
        Heads,
        ChatList,
    },
    mounted() {
        let Toast = this.cnToast;
        if (!localStorage.getItem("hasShownMessageBox")) {
            this.cnMessageBox({
                title: '通知',
                message: !(navigator.userAgent.indexOf("Edg") > -1) ? '如果微信不支持，请下载edeg浏览器。' : '欢迎使用chatGPT。',
                showCancelButton: !(navigator.userAgent.indexOf("Edg") > -1),
                confirmButtonText: '确定',
                cancelButtonText: '去下载',
            })
                .then((value) => {
                })
                .catch(() => {
                    Toast.show('跳转下载链接', {
                        iconClass: 'fa fa-spinner fa-spin',
                        duration: 120000,
                    })
                    location.href = "https://sj.qq.com/appdetail/com.microsoft.emmx?channel=0002160650432d595942&fromcase=60001&from_wxz=1"
                });
            localStorage.setItem("hasShownMessageBox", true);
        }
        this.cnStore.vociceOpen = 1;
    }
};
</script>

<style>
body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
        Microsoft YaHei, SimSun, sans-serif;
}

* {
    margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul,
li {
    list-style: none;
}

a {
    color: #666;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f8f8f8;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    background-color: #f8f8f8;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    background-color: #e2e2e2;
}
</style>
